<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>WelCome to HuNan University JudgeOnline</title>
    <link rel="stylesheet" href="style/nav.css" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css" />
    <!-- editor.md的css文件 -->
    <link rel="stylesheet" href="plugs/editormd/css/editormd.css" />
    <link rel="stylesheet" href="plugs/editormd/css/editormd.preview.min.css" />

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 多媒体(包括pdf)加载插件 -->
    <script src="js/jquery.media.js"></script>
    <!-- editor.md的js文件 -->
    <script src="plugs/editormd/lib/marked.min.js"></script>
    <script src="plugs/editormd/lib/prettify.min.js"></script>
    <script src="plugs/editormd/lib/raphael.min.js"></script>
    <script src="plugs/editormd/lib/underscore.min.js"></script>
    <script src="plugs/editormd/editormd.js"></script>
    <!-- 自己的js文件 -->
    <script src="js/controller.js"></script>
    <script src="js/myajax.js"></script>
    <script src="js/filter.js"></script>
</head>
<body>
    <div class="container">
        <!-- page head -->
        <div class="head-logo">
            <img alt="hnulogo" src="img/hnulogo.gif">
            <h2>Welcome To Hunan University Judge Online</h2>
            <img alt="acmlogo" src="img/acm.png" class="img-circle icpc" />
        </div>
        <div class="masthead">
            <ul class="nav nav-pills">
                <li id="home"><a href="index">Home</a></li>
                <li id="problem"><a href="problemset">Problem</a></li>
                <li id="contest"><a href="contest">Contest</a></li>
                <li id="status"><a href="status">Status</a></li>
                <li id="rank"><a href="rank">Rank</a></li>
                <li id="user"><a href="discuss">Discuss</a></li>
                <li id="about"><a href="fas">FAQ</a></li>
                <li class="pull-right" id="info">
                    <button type="button" class="btn btn-primary" onclick="preLogin()">Login</button>
                    <button type="button" class="btn btn-primary" onclick="preRegister()">Register</button>
                </li>
            </ul>
        </div>

        <!-- Site content-->
        <div class="row margin-top-2">
            <div class="col-md-3 column margin-top-4">
                <div class="row card margin-top-2">
                    <table>
                        <tr>
                            <td style="width: 70%"><strong>Problem ID:</strong></td>
                            <td><span id="pid"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Is Spj:</strong></td>
                            <td><span id="spj" class="ac"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Time Limit:</strong></td>
                            <td><span id="tl"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Sp Time Limit:</strong></td>
                            <td><span id="stl"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Memery Limit:</strong></td>
                            <td><span id="ml"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Submits:</strong></td>
                            <td><span id="submits"></span></td>
                        </tr>
                        <tr>
                            <td><strong>Accepted:</strong></td>
                            <td><span id="accepted"></span></td>
                        </tr>
                    </table>
                </div>
                <div class="row card margin-top-2">
                    <div><strong>Author:</strong></div>
                    <div><span id="author"></span></div>
                </div>
                <div class="row card margin-top-2">
                    <div><strong>Source:</strong></div>
                    <div><span id="source"></span></div>
                </div>
                <div class="row card margin-top-2">
                    <div class="col-md-4">
                        <a href="#">Statistics</a>
                    </div>
                    <div class="col-md-4">
                        <a id="submit">Submit</a>
                    </div>
                    <div class="col-md-4">
                        <a href="#">Discuss</a>
                    </div>
                </div>
            </div>
            <div class="col-md-9 column">
                <h2 id="title"></h2>
                <div class="card">
                    <a id="problemContent" class="media" href="#"></a>
                    <!-- <iframe src="data/1001.html" style="zoom: 50%" width="100%" height="700"></iframe> -->
                    <div id="content"></div>
                </div>
                
            </div>
        </div>
  
        <!-- Site footer -->
        <footer class="footer">
            <p>&copy; HNU ACM Team | <a href="#">Contact Us</a> | Version 2018</p>
            <p>Developer：balabala</p>
        </footer>
  
    </div>
</body>
<script>
    var problemId = getUrlVar("problemId");
    document.getElementById("submit").href = "submitCode?problemId=" + problemId;
    $("#problem").addClass("active");
    
    problemInfo(problemId);
</script>
<script src="js/afterLoad.js"></script>
</html>